<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>详细</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" type="text/css" href="../../css/lib/mui/mui.css">
		<link rel="stylesheet" type="text/css" href="../../css/common/animate.css">
		<link rel="stylesheet" type="text/css" href="../../css/common/common.css"/>
		<link rel="stylesheet" href="../../css/mvc/contact/contactInfo.css">
	</head>

	<body>
		<header class="header-backcolor mui-bar mui-bar-nav">
			<a id="title_icon" class="mui-action-back  pan_header_a_left" >
					<img id="back_img" src="../../img/menu/ico_return.png" class="pan_header_left_img_block" >
					<button class="mui-action-back mui-btn mui-btn-blue mui-btn-link mui-btn-nav mui-pull-left">
						<span class="pan_header_left_span_block" id="back">返回</span>
					</button>
			</a>
			<h1 class="mui-title">详细</h1>
		</header>
		<div class="mui-content">
			<ul class="mui-table-view" style="height: 90px;margin-top: 5px;">
				<li class="mui-table-view-cell mui-media me-person-topbar">
					<a href="javascript:void(0);">
						<img class=" mui-pull-left me-person-img" width="60px " height="60px " id="photo" src="../../img/common/man.png">
						<div class="mui-media-body" style="margin-top: 12.5px;">
							<span id="name" class="me-person-name">张宏昌</span>
							<span><img id = "sex" width="15px" height="15px" src="../../img/common/boy.png"/></span>
							<p class='mui-ellipsis me-person-word'>员工号:<span id="num">9878</span></p>
						</div>
					</a>
				</li>
			</ul>

			<ul class="mui-table-view">
				<li class="mui-table-view-cell animated fadeInRight">
					<span class="info-key">部门</span>
					<span class="info-value">人力行政部</span>
				</li>
				<li class="mui-table-view-cell animated fadeInRight" style="animation-delay:0.1s;">
					<span class="info-key">职务</span>
					<span class="info-value">职员</span>
				</li>
				<li class="mui-table-view-cell animated fadeInRight" style="animation-delay:0.2s;">
					<span class="info-key">邮箱</span>
					<span class="info-value" id = "email"></span>
					<span class="info-value-icon">
						<img src="../../img/common/email.png"/>
					</span>
				</li>
				<li class="mui-table-view-cell animated fadeInRight" style="animation-delay:0.3s;" id="tel_li">
					<span class="info-key">手机</span>
					<span class="info-value" id="tel"></span>
					<span class="info-value-icon">
						<img src="../../img/common/tel.png"/>
					</span>
				</li>
				<li class="mui-table-view-cell animated fadeInRight" style="animation-delay:0.4s;">
					<span class="info-key">QQ&nbsp;&nbsp;</span>
					<span class="info-value" id="qq">458785745</span>
				</li>
			</ul>
			<div style="margin: 12px;">
				<button type="button" class="mui-btn mui-btn-primary" style="width: 100%;height: 40px;background-color: #009AE8;border: 1px solid #009AE8;">
					发消息
				</button>	
			</div>
		</div>
		</style>
	</body>
	<script type="text/javascript" src="../../js/common/config.js" ></script>
	<script type="text/javascript" src="../../js/lib/mui/mui.js"></script>
	<script type="text/javascript" src="../../js/lib/jquery/jquery.js"></script>
	<script type="text/javascript" src="../../js/lib/jquery/jquery.json.js" ></script> 
	<script type="text/javascript" src="../../js/common/common.js" ></script>
	<script type="text/javascript" src="../../js/app/contact/contactInfo.js"></script>
</html>